<!DOCTYPE html>
<html>
<head>
  <title>Laravel</title>
  <link href="{{asset('assets/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
  <link href="{{asset('assets/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet">
  <script src="{{asset('assets/js/jquery-1.10.2.js')}}"></script>
  <script src="{{asset('assets/bootstrap/js/bootstrap.min.js')}}"></script>
  <script src="http://cdn.bootcss.com/three.js/r63/three.min.js"></script>
  <script src="{{asset('assets/quanjing/js/photo-sphere-viewer.min.js')}}"></script>
  <script src="{{asset('assets/quanjing/js/example1.js')}}"></script>
  <script src="{{asset('assets/artDialog/dist/dialog-plus-min.js')}}"></script>
  <link href="{{asset('assets/artDialog/css/ui-dialog.min.css')}}" rel="stylesheet" type="text/css">
  <script src="{{asset('assets/artTemplate/template.js')}}"></script>
  <script src="{{asset('assets/controllers/util.js')}}"></script>
  <style>
    html, body {
      height: 100%;
    }
    body {
      margin: 0;
      padding: 0;
      width: 100%;
      display: table;
      font-weight: 100;
      font-family: 'Lato';
    }
    .container {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
    }
    .content {
      text-align: center;
      display: inline-block;
    }
    .title {
      font-size: 96px;
    }
    .quote {
      font-size: 24px;
    }
    </style>
</head>
<body>
  <div class="container">
    <div class="content" id="container" style="width: 80%">
      <!-- <div class="title">Laravel v5.1.11</div> -->
      <!-- <div class="quote">{{ Inspiring::quote() }}</div> -->
    </div>
  </div>
</body>
</html>
<script>
  var renderList = function(){
    $.get("{{url('panorama')}}", function(data){
        loadPredefinedPanorama('/'+data[0].pic);
    }).fail(failure);
  };
  renderList();
</script>